<template>
    <a-sub-menu :key="menuInfo.name">
      <template #title>{{ menuInfo.meta.menuName }}</template>
      <template v-for="item in menuInfo.children" :key="item.path">
        <template v-if="!item.children">
          <a-menu-item :key="item.path">
            <RouterLink :to="item.path"> {{ item.meta.menuName }} </RouterLink>
          </a-menu-item>
        </template>
        <template v-else>
          <sub-menu :menu-info="item" :key="item.path" />
        </template>
      </template>
    </a-sub-menu>
  </template>
  
  <script lang="ts" setup>
  import { PieChartOutlined, MailOutlined } from '@ant-design/icons-vue';
  import { ref, reactive, toRefs } from 'vue';
  defineProps(['menuInfo']);
  </script>
  
  <style scoped lang="less"></style>
  